<template>
  <div class="block">
    <el-cascader :options="options" v-model="selectedOptions" @change="handleChange"></el-cascader>
  </div>
</template>
<script>
export default {
  // import引入的组件需要注入到对象中才能使用
  props: {
    blocId: String,
    uniId: String,
    roomId: String
  },
  data() {
    // 这里存放数据
    return {
      options: [],
      selectedOptions: []
    };
  },
  // 计算属性类似于data概念
  computed: {},
  // 监控data中的数据变化
  watch: {},
  // 方法集合
  methods: {
    handleChange(value) {
      this.$emit(`getAddressid`, value);
    },
    getAdressCascader() {
      this.$http({
        url: this.$http.adornUrl("/manager/block/addressCascader"),
        method: "get"
      }).then(({ data }) => {
        console.log("返回结果数据", data.data);
        this.options = data.data;
      });
    }
  },
  // 生命周期 -挂载完成 (可以访问D0M元素)
  mounted() {
    this.getAdressCascader();
  }
};
</script>
<style lang= 'scss' scoped>
// @import url(); 引入公共css类
</style>
